<template>
	<view>
		<!-- 头部 -->
		<uni-nav-bar
		 leftWidth='200rpx' rightWidth='200rpx'
		 height="130rpx" @clickLeft="$utils.ret()" left-icon="left" leftText="返回" title="问题详情" />
		<view class="matter">
			<view class="floor">
				<view class="cell">
					清水湾1号楼1单元2208
				</view>
				<view class="trubble">
					水管漏水
				</view>
				<view class="plan">
					未处理
				</view>
			</view>
			<view class="described">
				公共区域有人随意占用，请物管及时，家里墙体有裂纹，请物管及时排工人及时维修。
			</view>
			<view class="problem_picture">
				<image src="../../static/images/problemimg_03.jpg" mode=""></image>
			</view>
			<view class="problem_picture">
				<image src="../../static/images/problemimg2_07.jpg" mode=""></image>
			</view>
			<view class="floors">
				2021-10-20 10:20
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100vh;
		background-color: aliceblue
	}



	/* 头部 */
	/deep/.uni-navbar__content {
		border: none;
	}

	/deep/.uni-nav-bar-text {
		font-size: 25rpx !important;
	}

	/deep/.uni-navbar-btn-text span {
		font-size: 20rpx !important;
	}

	.matter {
		padding-left: 35rpx;
		padding-right: 35rpx;
		height: 100%;
		background-color: white;
		
	}

	.floor {
		height: 80rpx;
		border-bottom: 1px solid #f5f5f5;
		display: flex;
	}

	.cell {
		height: 80rpx;
		line-height: 80rpx;
		font-size: 20rpx;
		color: #989898;
	}

	.trubble {
		height: 80rpx;
		line-height: 80rpx;
		font-size: 20rpx;
		color: #989898;
		padding-left: 20rpx;
	}

	.plan {
		height: 80rpx;
		line-height: 80rpx;
		font-size: 15rpx;
		color: #989898;
		position: absolute;
		right: 35rpx;
	}

	.described {
		width: 100%;
		height: 120rpx;
		color: #494949;
		font-size: 25rpx;
		line-height: 60rpx;
	}


	.problem_picture image {
		width: 100%;
		height: 400rpx;
	}

	.floors {
		height: 80rpx;
		border-top: 1px solid #f5f5f5;
		color: #494949;
		font-size: 25rpx;
		line-height: 80rpx;
	}
</style>